<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.css.css">
    <link rel="stylesheet" href="./layui-v2.6.8/layui/css/layui.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>楼梯以下</title>
    <style>
        #wap{
            width: 100%;
            background-color: #efefef;
        }
        #wap .wap_middle{
            width: 1200px;
            margin: 0 auto;
        }
        #wap .wap_middle .wap_left{
            float: left;
            width: 588px;
            height: 130px;
        }
        #wap .wap_middle .wap_left h2{
            color: #3a3a3a;
            font-size: 16px;
            font-weight: normal;
            line-height: 42px;
            padding: 9px 0 0 20px;
            position: relative;
            text-align: center;
        }
        #wap .wap_middle .wap_left h2 em{
            color: #ff7031;
        }
        #wap .wap_middle .wap_left h2 i{
            height: 0;
            line-height: 0;
            border-top: 1px solid #e4e4e4;
            position: absolute;
            width: 470px;
            top: 30px;
            right: 20px;
        }
        #wap .wap_middle .wap_left h2 i::before{
            content: "\e610";
            font-family: "iconfont";
            font-size: 0px;
            background: #fff;
            left: 0;
            top: -6px;
            position: absolute;
            line-height: 0px;
            height: 8px;
            width: 8px;
            border: 1px solid #e9e9e9;
            border-radius: 100%;
        }
        #wap .wap_middle .wap_left ul{
            padding: 0 5px 15px 5px;
        }
        #wap .wap_middle .wap_left ul li{
            width: 110px;
            height: 15px;
            line-height: 15px;
            float: left;
            border-right: 1px solid #e3e3e3;
            margin: 8px 0;
            padding-left: 14px;

        }
        #wap .wap_middle .wap_left ul li a{
            width: 110px;
            display: inline-block;
        }
        #wap .wap_middle .wap_left ul li a:hover{
            color: #ff7031;
            text-decoration: none;
        }

        
        #wap .wap_middle .wap_right{
            float: left;
            width: 588px;
            height: 130px;
        }
        #wap .wap_middle .wap_right h2{
            color: #3a3a3a;
            font-size: 16px;
            font-weight: normal;
            line-height: 42px;
            padding: 9px 0 0 20px;
            position: relative;
            text-align: center;
        }
        #wap .wap_middle .wap_right h2 em{
            color: #ff7031;
        }
        #wap .wap_middle .wap_right h2 i{
            height: 0;
            line-height: 0;
            border-top: 1px solid #e4e4e4;
            position: absolute;
            width: 470px;
            top: 30px;
            right: 20px;
        }
        #wap .wap_middle .wap_right h2 i::before{
            content: "\e610";
            font-family: "iconfont";
            font-size: 0px;
            background: #fff;
            left: 0;
            top: -6px;
            position: absolute;
            line-height: 0px;
            height: 8px;
            width: 8px;
            border: 1px solid #e9e9e9;
            border-radius: 100%;
        }
        #wap .wap_middle .wap_right ul{
            padding: 0 5px 15px 5px;
        }
        #wap .wap_middle .wap_right ul li{
            width: 190px;
            height: 15px;
            line-height: 15px;
            float: left;
            border-right: 1px solid #e3e3e3;
            margin: 8px 0;
            padding-left: 14px;

        }
        #wap .wap_middle .wap_right ul li a{
            width: 190px;
            display: inline-block;
        }
        #wap .wap_middle .wap_right ul li a:hover{
            color: #ff7031;
            text-decoration: none;
        }


        .col-sm-9{
            width: 100% !important;
            background-color: #efefef !important;
            padding-top: 20px !important;
        }


        #mechanics{
            width: 100% !important;
            background-color: #efefef !important;
            padding-top: 20px !important;
        }
        #mechanics .mechanics_img{
            width: 1200px;
            margin: 0 auto;
            position: relative;
        }
        #mechanics .mechanics_name{
            width: 1200px;
            margin: 0 auto;
            background: #fff;
            position: relative;
            border-bottom: 1px solid #efefef;
        }
        #mechanics .mechanics_name h2{
            height: 55px;
            line-height: 55px;
            color: #4c4c4c;
            font-size: 18px;
            font-weight: bold;
            border-bottom: 1px solid #ededed;
            text-align: center;
        }
        #mechanics .mechanics_name h2 em{
            color: #f53858;
            padding-right: 5px;
            font-weight: bold;
        }
        #mechanics .mechanics_name .mechanics_name_left{
            position: absolute;
            top: 13px;
            left: 110px;
            line-height: 30px;
            height: 30px;
            overflow: hidden;
            color: #666;
            font-size: 14px;
        }
        #mechanics .mechanics_name .mechanics_name_left i{
            margin-right: 3px;
            color: #ff7233;
            font-size: 16px;
        }
        #mechanics .mechanics_name .mechanics_name_left a{
            color: #ff7233;
        }
        #mechanics .mechanics_name .mechanics_name_right{
            position: absolute;
            top: 13px;
            right: 3px;
            line-height: 30px;
            height: 30px;
            overflow: hidden;
            color: #adadad;
            font-size: 14px;
        }
        #mechanics .mechanics_name .mechanics_name_right a{
            color: #7e7e7e;
            display: inline-block;
            margin: 0 8px;
            height: 27px;
            border-bottom: 3px solid #fff;
            transition: all .3s;
        }
        #mechanics .mechanics_name .mechanics_name_right a:hover{
            color: #f53858;
            border-bottom: 3px solid #f53858;
            text-decoration: none;
        }
        #mechanics .mechanics_content{
            width: 1200px;
            margin: 0 auto;
        }
        #mechanics .mechanics_content .mechanics_content_one{
            border-right: 1px solid #efefef;
            width: 218px;
            height: 448px;
            float: left;
            background: #f5f4f4;
            border-left: 1px solid #ededed;
            position: relative;
        }
        #mechanics .mechanics_content .mechanics_content_one a{
            display: inline-block;
        }
        #mechanics .mechanics_content .mechanics_content_one img{
            width: 218px;
            height: 448px;
        }
        #mechanics .mechanics_content .mechanics_content_one .mechanics_content_one_text{
            position: absolute;
            top: 50px;
            width: 195px;
            text-align: left;
            line-height: 18px;
            z-index: 99;
            left: 24px;
        }
        #mechanics .mechanics_content .mechanics_content_one .mechanics_content_one_text h4{
            font-size: 22px;
            color: #484848;
            font-weight: bold;
            line-height: 36px;
        }
        #mechanics .mechanics_content .mechanics_content_one .mechanics_content_one_text p{
            font-size: 12px;
            color: #646464;
            padding-top: 4px;
        }
        #mechanics .mechanics_content .mechanics_content_one .mechanics_content_one_text span{
            display: inline-block;
            width: 76px;
            height: 21px;
            border: 1px solid #ff7200;
            text-align: center;
            line-height: 21px;
            font-size: 12px;
            color: #ff7200;
            margin-top: 6px;
        }
        #mechanics .mechanics_content .floorNav{
            width: 425px;
            height: 448px;
            background-color: #fff;
            border-right: 1px solid #efefef;
            float: left;
            padding: 15px 31px;
        }
        #mechanics .mechanics_content .floorNav li{
            width: 181px;
            height: 95px;
            float: left;
            margin-bottom: 5px;
        }
        #mechanics .mechanics_content .floorNav li h5{
            font-weight: bold;
            font-size: 16px;
            color: #fe500b;
            line-height: 40px;
            margin-bottom: 5px;
        }
        #mechanics .mechanics_content .floorNav li a{
            display: inline-block;
            color: #525252;
            height: 22px;
            line-height: 22px;
            margin-right: 10px;
        }
        #mechanics .mechanics_content .floorNav li a:hover{
            color: #ff7200;
            text-decoration: none;
        }
        #mechanics .mechanics_content .floorMd{
            width: 262px;
            height: 448px;
            float: left;
        }
        #mechanics .mechanics_content .floorMd li{
            float: left;
            border-right: 1px solid #eee;
            width: 130px;
            height: 185px;
            border-bottom: 1px solid #eee;
            position: relative;
            overflow: hidden;
        }
        #mechanics .mechanics_content .floorMd li:nth-child(3){
            width: 261px;
            height: 262px;
        }
        #mechanics .mechanics_content .floorMd li a{
            display: inline-block;
        }
        #mechanics .mechanics_content .floorMd li a img{
            width: 130px;
            height: 185px;
        }
        #mechanics .mechanics_content .floorMd li a img:hover{
            transform: scale(1.04,1.04);
        }
        #mechanics .mechanics_content .floorMd li a .picFont{
            position: absolute;
            top: 20px;
            width: 130px;
            text-align: center;
            line-height: 18px;
            z-index: 99;
            left: 0px;
        }
        #mechanics .mechanics_content .floorMd li a .picFont h4{
            font-size: 14px;
            color: #4d4d4d;
            font-weight: normal;
            line-height: 22px;
        }
        #mechanics .mechanics_content .floorMd li a .picFont span{
            font-size: 12px;
            height: 22px;
            color: #8a8a8a;
            line-height: 22px;
            display: inline-block;
            border: 1px solid #fff;
            padding: 0 10px;
        }
        #mechanics .mechanics_content .floorMd li a .picFont span:hover{
            border: 1px solid #ff7200;
            color: #ff7200;
        }
        #mechanics .mechanics_content .floorMd li a .picFonts{
            top: 25px;
            width: 262px;
            position: absolute;
            text-align: center;
            line-height: 18px;
            z-index: 99;
            left: 0px;
        }
        #mechanics .mechanics_content .floorMd li a img.big{
            width: 261px;
            height: 262px;
        }
        #mechanics .mechanics_content .floorMd li a .picFonts h4{
            color: #4d4d4d;
            font-weight: normal;
            line-height: 22px;
            font-size: 16px;
        }
        #mechanics .mechanics_content .floorMd li a .picFonts span{
            height: 22px;
            color: #8a8a8a;
            line-height: 22px;
            display: inline-block;
            border: 1px solid #fff;
            padding: 0 10px;
            font-size: 14px;
            color: #868686;
        }

        #mechanics .mechanics_content .floorRg{
            width: 295px;
            height: 448px;
            border-right: 1px solid #efefef;
            float: left;
            background: #f9f9f9;
            padding: 13px 0px 13px 10px;
        }
        #mechanics .mechanics_content .floorRg h3{
            width: 206px;
            height: 25px;
            font-size: 14px;
            color: #4c4c4c;
            line-height: 25px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            margin-bottom: 5px;
        }
        #mechanics .mechanics_content .floorRg a{
            font-size: 16px;
            line-height: 25px;
            color: #333;
            font-weight: bold;
        }
        #mechanics .mechanics_content .floorRg a:hover{
            color: #f53858;
            text-decoration: none;
        }
        #mechanics .mechanics_content .floorRg .floorRg_line{
            line-height: 24px;
            color: #6e6e6e;
            margin-bottom: 10px;
            width: 206px;
            padding-right: 10px;
        }
        #mechanics .mechanics_content .floorRg .floorRg_line span{
            background: #ededed;
            padding: 0 5px;
            line-height: 24px;
            display: inline-block;
            margin-right: 6px;
            color: #4b4b4b;
        }

        #mechanics .mechanics_content .floorRg .companyList{
            width: 206px;
            height: 192px;
            background: url('./imgs/1-2.png') -296px -247px no-repeat;
            margin: 10px 0 5px 0;
        }
        #mechanics .mechanics_content .floorRg .companyList li{
            width: 181px;
            height: 32px;
            line-height: 32px;
            padding-left: 25px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        #mechanics .mechanics_content .floorRg .productList{
            width: 219px;
            height: 96px;
        }
        #mechanics .mechanics_content .floorRg .productList li{
            width: 100px;
            height: 38px;
            float: left;
            margin-right: 8px;
            margin-bottom: 10px;
            overflow: hidden;
        }
        #mechanics .mechanics_content .floorRg .productList li a img{
            width: 100px;
            height: 38px;
        }
        #mechanics .mechanics_content .floorRg .productList li:hover a img{
            transform: scale(1.04,1.04);
        }

        

#mechanicss{
    width: 100%;
    background-color: #efefef;
    padding-top: 20px;
}
#mechanicss .mechanics_img{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
#mechanicss .mechanics_name{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #efefef;
}
#mechanicss .mechanics_name h2{
    height: 55px;
    line-height: 55px;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    text-align: center;
}
#mechanicss .mechanics_name h2 em{
    color: #f53858;
    padding-right: 5px;
    font-weight: bold;
}
#mechanicss .mechanics_name .mechanics_name_left{
    position: absolute;
    top: 13px;
    left: 110px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
}
#mechanicss .mechanics_name .mechanics_name_left i{
    margin-right: 3px;
    color: #ff7233;
    font-size: 16px;
}
#mechanicss .mechanics_name .mechanics_name_left a{
    color: #ff7233;
}
#mechanicss .mechanics_name .mechanics_name_right{
    position: absolute;
    top: 13px;
    right: 3px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #adadad;
    font-size: 14px;
}
#mechanicss .mechanics_name .mechanics_name_right a{
    color: #7e7e7e;
    display: inline-block;
    margin: 0 8px;
    height: 27px;
    border-bottom: 3px solid #fff;
    transition: all .3s;
}
#mechanicss .mechanics_name .mechanics_name_right a:hover{
    color: #f53858;
    border-bottom: 3px solid #f53858;
    text-decoration: none;
}
#mechanicss .mechanics_content{
    width: 1200px;
    margin: 0 auto;
}
#mechanicss .mechanics_content .mechanics_content_one{
    border-right: 1px solid #efefef;
    width: 218px;
    height: 448px;
    float: left;
    background: #f5f4f4;
    border-left: 1px solid #ededed;
    position: relative;
}
#mechanicss .mechanics_content .mechanics_content_one a{
    display: inline-block;
}
#mechanicss .mechanics_content .mechanics_content_one img{
    width: 218px;
    height: 448px;
}
#mechanicss .mechanics_content .mechanics_content_one .mechanics_content_one_text{
    position: absolute;
    top: 50px;
    width: 195px;
    text-align: left;
    line-height: 18px;
    z-index: 99;
    left: 24px;
}
#mechanicss .mechanics_content .mechanics_content_one .mechanics_content_one_text h4{
    font-size: 22px;
    color: #484848;
    font-weight: bold;
    line-height: 36px;
}
#mechanicss .mechanics_content .mechanics_content_one .mechanics_content_one_text p{
    font-size: 12px;
    color: #646464;
    padding-top: 4px;
}
#mechanicss .mechanics_content .mechanics_content_one .mechanics_content_one_text span{
    display: inline-block;
    width: 76px;
    height: 21px;
    border: 1px solid #ff7200;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    color: #ff7200;
    margin-top: 6px;
}
#mechanicss .mechanics_content .floorNav{
    width: 425px;
    height: 448px;
    background-color: #fff;
    border-right: 1px solid #efefef;
    float: left;
    padding: 15px 31px;
}
#mechanicss .mechanics_content .floorNav li{
    width: 181px;
    height: 95px;
    float: left;
    margin-bottom: 5px;
}
#mechanicss .mechanics_content .floorNav li h5{
    font-weight: bold;
    font-size: 16px;
    color: #fe500b;
    line-height: 40px;
    margin-bottom: 5px;
}
#mechanicss .mechanics_content .floorNav li a{
    display: inline-block;
    color: #525252;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
}
#mechanicss .mechanics_content .floorNav li a:hover{
    color: #ff7200;
    text-decoration: none;
}
#mechanicss .mechanics_content .floorMd{
    width: 262px;
    height: 448px;
    float: left;
}
#mechanicss .mechanics_content .floorMd li{
    float: left;
    border-right: 1px solid #eee;
    width: 130px;
    height: 185px;
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden;
}
#mechanicss .mechanics_content .floorMd li:nth-child(3){
    width: 261px;
    height: 262px;
}
#mechanicss .mechanics_content .floorMd li a{
    display: inline-block;
}
#mechanicss .mechanics_content .floorMd li a img{
    width: 130px;
    height: 185px;
}
#mechanicss .mechanics_content .floorMd li a img:hover{
    transform: scale(1.04,1.04);
}
#mechanicss .mechanics_content .floorMd li a .picFont{
    position: absolute;
    top: 20px;
    width: 130px;
    text-align: center;
    line-height: 18px;
    z-index: 99;
    left: 0px;
}
#mechanicss .mechanics_content .floorMd li a .picFont h4{
    font-size: 14px;
    color: #4d4d4d;
    font-weight: normal;
    line-height: 22px;
}
#mechanicss .mechanics_content .floorMd li a .picFont span{
    font-size: 12px;
    height: 22px;
    color: #8a8a8a;
    line-height: 22px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 10px;
}
#mechanicss .mechanics_content .floorMd li a .picFont span:hover{
    border: 1px solid #ff7200;
    color: #ff7200;
}
#mechanicss .mechanics_content .floorMd li a .picFonts{
    top: 25px;
    width: 262px;
    position: absolute;
    text-align: center;
    line-height: 18px;
    z-index: 99;
    left: 0px;
}
#mechanicss .mechanics_content .floorMd li a img.big{
    width: 261px;
    height: 262px;
}
#mechanicss .mechanics_content .floorMd li a .picFonts h4{
    color: #4d4d4d;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
}
#mechanicss .mechanics_content .floorMd li a .picFonts span{
    height: 22px;
    color: #8a8a8a;
    line-height: 22px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 10px;
    font-size: 14px;
    color: #868686;
}

#mechanicss .mechanics_content .floorRg{
    width: 295px;
    height: 448px;
    border-right: 1px solid #efefef;
    float: left;
    background: #f9f9f9;
    padding: 13px 0px 13px 10px;
}
#mechanicss .mechanics_content .floorRg h3{
    width: 206px;
    height: 25px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
}
#mechanicss .mechanics_content .floorRg a{
    font-size: 16px;
    line-height: 25px;
    color: #333;
    font-weight: bold;
}
#mechanicss .mechanics_content .floorRg a:hover{
    color: #f53858;
    text-decoration: none;
}
#mechanicss .mechanics_content .floorRg .floorRg_line{
    line-height: 24px;
    color: #6e6e6e;
    margin-bottom: 10px;
    width: 206px;
    padding-right: 10px;
}
#mechanicss .mechanics_content .floorRg .floorRg_line span{
    background: #ededed;
    padding: 0 5px;
    line-height: 24px;
    display: inline-block;
    margin-right: 6px;
    color: #4b4b4b;
}

#mechanicss .mechanics_content .floorRg .companyList{
    width: 206px;
    height: 192px;
    background: url('./imgs/1-2.png') -296px -247px no-repeat;
    margin: 10px 0 5px 0;
}
#mechanicss .mechanics_content .floorRg .companyList li{
    width: 181px;
    height: 32px;
    line-height: 32px;
    padding-left: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#mechanicss .mechanics_content .floorRg .productList{
    width: 219px;
    height: 96px;
}
#mechanicss .mechanics_content .floorRg .productList li{
    width: 100px;
    height: 38px;
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}
#mechanicss .mechanics_content .floorRg .productList li a img{
    width: 100px;
    height: 38px;
}
#mechanicss .mechanics_content .floorRg .productList li:hover a img{
    transform: scale(1.04,1.04);
}











#mechanicsss{
    width: 100%;
    background-color: #efefef;
    padding-top: 20px;
}
#mechanicsss .mechanics_img{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
#mechanicsss .mechanics_name{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #efefef;
}
#mechanicsss .mechanics_name h2{
    height: 55px;
    line-height: 55px;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    text-align: center;
}
#mechanicsss .mechanics_name h2 em{
    color: #f53858;
    padding-right: 5px;
    font-weight: bold;
}
#mechanicsss .mechanics_name .mechanics_name_left{
    position: absolute;
    top: 13px;
    left: 110px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
}
#mechanicsss .mechanics_name .mechanics_name_left i{
    margin-right: 3px;
    color: #ff7233;
    font-size: 16px;
}
#mechanicsss .mechanics_name .mechanics_name_left a{
    color: #ff7233;
}
#mechanicsss .mechanics_name .mechanics_name_right{
    position: absolute;
    top: 13px;
    right: 3px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #adadad;
    font-size: 14px;
}
#mechanicsss .mechanics_name .mechanics_name_right a{
    color: #7e7e7e;
    display: inline-block;
    margin: 0 8px;
    height: 27px;
    border-bottom: 3px solid #fff;
    transition: all .3s;
}
#mechanicsss .mechanics_name .mechanics_name_right a:hover{
    color: #f53858;
    border-bottom: 3px solid #f53858;
    text-decoration: none;
}
#mechanicsss .mechanics_content{
    width: 1200px;
    margin: 0 auto;
}
#mechanicsss .mechanics_content .mechanics_content_one{
    border-right: 1px solid #efefef;
    width: 218px;
    height: 448px;
    float: left;
    background: #f5f4f4;
    border-left: 1px solid #ededed;
    position: relative;
}
#mechanicsss .mechanics_content .mechanics_content_one a{
    display: inline-block;
}
#mechanicsss .mechanics_content .mechanics_content_one img{
    width: 218px;
    height: 448px;
}
#mechanicsss .mechanics_content .mechanics_content_one .mechanics_content_one_text{
    position: absolute;
    top: 50px;
    width: 195px;
    text-align: left;
    line-height: 18px;
    z-index: 99;
    left: 24px;
}
#mechanicsss .mechanics_content .mechanics_content_one .mechanics_content_one_text h4{
    font-size: 22px;
    color: #484848;
    font-weight: bold;
    line-height: 36px;
}
#mechanicsss .mechanics_content .mechanics_content_one .mechanics_content_one_text p{
    font-size: 12px;
    color: #646464;
    padding-top: 4px;
}
#mechanicsss .mechanics_content .mechanics_content_one .mechanics_content_one_text span{
    display: inline-block;
    width: 76px;
    height: 21px;
    border: 1px solid #ff7200;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    color: #ff7200;
    margin-top: 6px;
}
#mechanicsss .mechanics_content .floorNav{
    width: 425px;
    height: 448px;
    background-color: #fff;
    border-right: 1px solid #efefef;
    float: left;
    padding: 15px 31px;
}
#mechanicsss .mechanics_content .floorNav li{
    width: 181px;
    height: 95px;
    float: left;
    margin-bottom: 5px;
}
#mechanicsss .mechanics_content .floorNav li h5{
    font-weight: bold;
    font-size: 16px;
    color: #fe500b;
    line-height: 40px;
    margin-bottom: 5px;
}
#mechanicsss .mechanics_content .floorNav li a{
    display: inline-block;
    color: #525252;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
}
#mechanicsss .mechanics_content .floorNav li a:hover{
    color: #ff7200;
    text-decoration: none;
}
#mechanicsss .mechanics_content .floorMd{
    width: 262px;
    height: 448px;
    float: left;
}
#mechanicsss .mechanics_content .floorMd li{
    float: left;
    border-right: 1px solid #eee;
    width: 130px;
    height: 185px;
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden;
}
#mechanicsss .mechanics_content .floorMd li:nth-child(3){
    width: 261px;
    height: 262px;
}
#mechanicsss .mechanics_content .floorMd li a{
    display: inline-block;
}
#mechanicsss .mechanics_content .floorMd li a img{
    width: 130px;
    height: 185px;
}
#mechanicsss .mechanics_content .floorMd li a img:hover{
    transform: scale(1.04,1.04);
}
#mechanicsss .mechanics_content .floorMd li a .picFont{
    position: absolute;
    top: 20px;
    width: 130px;
    text-align: center;
    line-height: 18px;
    z-index: 99;
    left: 0px;
}
#mechanicsss .mechanics_content .floorMd li a .picFont h4{
    font-size: 14px;
    color: #4d4d4d;
    font-weight: normal;
    line-height: 22px;
}
#mechanicsss .mechanics_content .floorMd li a .picFont span{
    font-size: 12px;
    height: 22px;
    color: #8a8a8a;
    line-height: 22px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 10px;
}
#mechanicsss .mechanics_content .floorMd li a .picFont span:hover{
    border: 1px solid #ff7200;
    color: #ff7200;
}
#mechanicsss .mechanics_content .floorMd li a .picFonts{
    top: 25px;
    width: 262px;
    position: absolute;
    text-align: center;
    line-height: 18px;
    z-index: 99;
    left: 0px;
}
#mechanicsss .mechanics_content .floorMd li a img.big{
    width: 261px;
    height: 262px;
}
#mechanicsss .mechanics_content .floorMd li a .picFonts h4{
    color: #4d4d4d;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
}
#mechanicsss .mechanics_content .floorMd li a .picFonts span{
    height: 22px;
    color: #8a8a8a;
    line-height: 22px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 10px;
    font-size: 14px;
    color: #868686;
}

#mechanicsss .mechanics_content .floorRg{
    width: 295px;
    height: 448px;
    border-right: 1px solid #efefef;
    float: left;
    background: #f9f9f9;
    padding: 13px 0px 13px 10px;
}
#mechanicsss .mechanics_content .floorRg h3{
    width: 206px;
    height: 25px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
}
#mechanicsss .mechanics_content .floorRg a{
    font-size: 16px;
    line-height: 25px;
    color: #333;
    font-weight: bold;
}
#mechanicsss .mechanics_content .floorRg a:hover{
    color: #f53858;
    text-decoration: none;
}
#mechanicsss .mechanics_content .floorRg .floorRg_line{
    line-height: 24px;
    color: #6e6e6e;
    margin-bottom: 10px;
    width: 206px;
    padding-right: 10px;
}
#mechanicsss .mechanics_content .floorRg .floorRg_line span{
    background: #ededed;
    padding: 0 5px;
    line-height: 24px;
    display: inline-block;
    margin-right: 6px;
    color: #4b4b4b;
}

#mechanicsss .mechanics_content .floorRg .companyList{
    width: 206px;
    height: 192px;
    background: url('./imgs/1-2.png') -296px -247px no-repeat;
    margin: 10px 0 5px 0;
}
#mechanicsss .mechanics_content .floorRg .companyList li{
    width: 181px;
    height: 32px;
    line-height: 32px;
    padding-left: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#mechanicsss .mechanics_content .floorRg .productList{
    width: 219px;
    height: 96px;
}
#mechanicsss .mechanics_content .floorRg .productList li{
    width: 100px;
    height: 38px;
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}
#mechanicsss .mechanics_content .floorRg .productList li a img{
    width: 100px;
    height: 38px;
}
#mechanicsss .mechanics_content .floorRg .productList li:hover a img{
    transform: scale(1.04,1.04);
}
        ul.nav-pills {
			top: 100px;
			position: fixed;
            left: 10px;
            z-index: 655464654645;
		}
        @media screen and (max-width: 810px) {
			#section1, #section2, #section3, #section41, #section42  {
				margin-left: 150px;
			}
		}

        
        .nav li.dnf{
            background-color: #efefef;
            text-align: center;
        }
        .nav .active a{
            width: 80px;
            text-align: center;
            position: relative;
        }
        .nav .dnf i{
            background-color: #efefef;
            z-index: 1000;
        }
        .nav .dnf p{
            width: 100%;
            position: absolute;
            top: 20%;
            left: 0px;
            z-index: -1000;
        }
        .nav .active p{
            width: 100%;
            position: absolute;
            top: 20%;
            left: 0px;
            z-index: 1000;
            color: white;
            background-color: #337ab7;
        }
        

    </style>
</head>
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
    <div id="wap">
        <div class="wap_middle">
            <div class="wap_left">
                <h2>
                    <em>特色</em>服务
                    <i></i>
                </h2>
                <ul>
                    <li><a href="">企汇金铺</a></li>
                    <li><a href="">金铺装修</a></li>
                    <li><a href="">短信套餐</a></li>
                    <li><a href="">企汇软文通</a></li>
                    <li><a href="">标王</a></li>
                    <li><a href="">黄金展位</a></li>
                    <li><a href="">企汇管家</a></li>
                    <li><a href="">企汇管家白银版</a></li>
                    <li><a href="">企汇管家黄金版</a></li>
                </ul>
            </div>
            <div class="wap_right">
                <h2>
                    <em>品牌</em>供应商
                    <i></i>
                </h2>
                <ul>
                    <li><a href="">河南正名精工科技有限公司</a></li>
                    <li><a href="">郑州隆浩交通设施有限公司</a></li>
                    <li><a href="">河南省嘉成交通设施有限公司</a></li>
                    <li><a href="">河南盛唐木业有限公司</a></li>
                    <li><a href="">郑州市中原区海思智能门控销售商行</a></li>
                    <li><a href="">郑州琪欣农牧业有限公司</a></li>
                </ul>
            </div>
        </div>
        <p style="clear: both; display: block;"></p>
    </div>


    <nav class="col-sm-3" id="myScrollspy">
        <div class="container-fluid"> 
        <div class="container-fluid"> 
        <ul class="nav nav-pills nav-stacked">
            <li class="active dnf"><a href="#mechanics"><i class="glyphicon glyphicon-cog"></i><p>机械设备</p></a></li>
            <li class="active dnf"><a href="#mechanicss"><i class="glyphicon glyphicon-leaf"></i><p>农林牧副</p></a></li>
            <li class="active dnf"><a href="#mechanicsss"><i class="glyphicon glyphicon-wrench"></i><p>建材建筑</p></a></li>
        </ul>		
    </nav>
    

<div class="col-sm-9">
    <div id="mechanics">
        <div class="mechanics_img">
            <a href="">
                <img src="./imgs/19_1.jpg" alt="">
            </a>
        </div>
        <div class="mechanics_name">
            <h2>
                <em>1F</em>机械设备
            </h2>
            <div class="mechanics_name_left">
                <i class="glyphicon glyphicon-thumbs-up"></i>今日活动：
                <a href="">VIP商机群</a>
            </div>
            <div class="mechanics_name_right">
                热门搜索：
                <a href="">封口机械</a>
                <a href="">制动器</a>
                <a href="">吊钩</a>
            </div>
        </div>
        <div class="mechanics_content">
            <div class="mechanics_content_one">
                <a href="">
                    <img src="./imgs/20-1.jpg" alt="">
                    <div class="mechanics_content_one_text">
                        <h4>机械设备专场</h4>
                        <p>制造好货，共享优品</p>
                        <span>点击进入</span>
                    </div>
                </a>
            </div>
            <div class="floorNav">
                <li> 
                    <h5>排风设备</h5>
                    <a href="">通风机</a>
                    <a href="">鼓风机</a>
                    <a href="">工业风扇</a>
                    <a href="">风机、排风设备配件</a>
                </li>
                <li>
                    <h5>化工机械</h5>
                    <a href="">石墨玻璃</a>
                    <a href="">钢管</a>
                    <a href="">控制系统</a>
                    <a href="">化工设备配件</a>
                </li>
                <li>
                    <h5>工控系统</h5>
                    <a href="">阀门</a>
                    <a href="">轴承</a>
                    <a href="">机器视觉</a>
                    <a href="">工控机</a>
                    <a href="">人机界面</a>
                </li>
                <li>
                    <h5>焊接紧固</h5>
                    <a href="">螺母</a>
                    <a href="">螺钉</a>
                    <a href="">螺栓</a>
                    <a href="">切割设备</a>
                    <a href="">焊机</a>
                </li>
                <li>
                    <h5>模具刀具</h5>
                    <a href="">成型模</a>
                    <a href="">刀片</a>
                    <a href="">模具设计</a>
                    <a href="">模具加工</a>
                    <a href="">切刀</a>
                </li>
                <li>
                    <h5>道路养护</h5>
                    <a href="">灌缝机械</a>
                    <a href="">除雪机械</a>
                    <a href="">划线设备</a>
                    <a href="">水泥路面</a>
                </li>
                <li>
                    <h5>包装印刷</h5>
                    <a href="">贴标机械</a>
                    <a href="">封口机械</a>
                    <a href="">防伪设备</a>
                    <a href="">装订设备</a>
                </li>
                <li>
                    <h5>其他</h5>
                    <a href="">锅炉</a>
                    <a href="">真空设备</a>
                    <a href="">行业设备</a>
                    <a href="">二手设备 </a>
                </li>
                <p style="clear: both; display: block;"></p>
            </div>
            <div class="floorMd">
                <li>
                    <a href="">
                        <img src="./imgs/20-2.jpg" alt="">
                        <div class="picFont">
                            <h4>地面整平机</h4>
                            <span>整平机</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./imgs/20-3.jpg" alt="">
                        <div class="picFont">
                            <h4>泡沫造粒机</h4>
                            <span>造粒机</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="big" src="./imgs/20-4.jpg" alt="">
                        <div class="picFonts">
                            <h4>螺旋提升机</h4>
                            <span>提升机</span>
                        </div>
                    </a>
                </li>
            </div>
            <div class="floorRg">
                <h3>
                    <a href="">曲阜市都用输送机械厂</a>
                </h3>
                <div class="floorRg_line">
                    <span>经营范围</span>皮带输送机,斗式提升机,螺旋提升机
                </div>
                <div class="floorRg_line">
                    <span>联系电话</span> 15562358278
                </div>
                <ul class="companyList">
                    <li>郑州赛格机械设备有限公司</li>
                    <li>开封市大方预应力有限公司</li>
                    <li>南阳金冠过电压保护设备有限公司</li>
                    <li>漯河市汇达铸造机械有限公司</li>
                    <li>郑州大华面业机械设备厂</li>
                    <li>河南三联科技工程有限公司</li>
                </ul>
                <ul class="productList">
                    <li>
                        <a href=""><img src="./imgs/20-5.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-6.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-7.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-8.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <p style="clear: both; display: block;"></p>
        </div>
    </div>

    <div id="mechanicss">
        <div class="mechanics_img">
            <a href="">
                <img src="./imgs/19_1.jpg" alt="">
            </a>
        </div>
        <div class="mechanics_name">
            <h2>
                <em>1F</em>机械设备
            </h2>
            <div class="mechanics_name_left">
                <i class="glyphicon glyphicon-thumbs-up"></i>今日活动：
                <a href="">VIP商机群</a>
            </div>
            <div class="mechanics_name_right">
                热门搜索：
                <a href="">封口机械</a>
                <a href="">制动器</a>
                <a href="">吊钩</a>
            </div>
        </div>
        <div class="mechanics_content">
            <div class="mechanics_content_one">
                <a href="">
                    <img src="./imgs/20-1.jpg" alt="">
                    <div class="mechanics_content_one_text">
                        <h4>机械设备专场</h4>
                        <p>制造好货，共享优品</p>
                        <span>点击进入</span>
                    </div>
                </a>
            </div>
            <div class="floorNav">
                <li> 
                    <h5>排风设备</h5>
                    <a href="">通风机</a>
                    <a href="">鼓风机</a>
                    <a href="">工业风扇</a>
                    <a href="">风机、排风设备配件</a>
                </li>
                <li>
                    <h5>化工机械</h5>
                    <a href="">石墨玻璃</a>
                    <a href="">钢管</a>
                    <a href="">控制系统</a>
                    <a href="">化工设备配件</a>
                </li>
                <li>
                    <h5>工控系统</h5>
                    <a href="">阀门</a>
                    <a href="">轴承</a>
                    <a href="">机器视觉</a>
                    <a href="">工控机</a>
                    <a href="">人机界面</a>
                </li>
                <li>
                    <h5>焊接紧固</h5>
                    <a href="">螺母</a>
                    <a href="">螺钉</a>
                    <a href="">螺栓</a>
                    <a href="">切割设备</a>
                    <a href="">焊机</a>
                </li>
                <li>
                    <h5>模具刀具</h5>
                    <a href="">成型模</a>
                    <a href="">刀片</a>
                    <a href="">模具设计</a>
                    <a href="">模具加工</a>
                    <a href="">切刀</a>
                </li>
                <li>
                    <h5>道路养护</h5>
                    <a href="">灌缝机械</a>
                    <a href="">除雪机械</a>
                    <a href="">划线设备</a>
                    <a href="">水泥路面</a>
                </li>
                <li>
                    <h5>包装印刷</h5>
                    <a href="">贴标机械</a>
                    <a href="">封口机械</a>
                    <a href="">防伪设备</a>
                    <a href="">装订设备</a>
                </li>
                <li>
                    <h5>其他</h5>
                    <a href="">锅炉</a>
                    <a href="">真空设备</a>
                    <a href="">行业设备</a>
                    <a href="">二手设备 </a>
                </li>
                <p style="clear: both; display: block;"></p>
            </div>
            <div class="floorMd">
                <li>
                    <a href="">
                        <img src="./imgs/20-2.jpg" alt="">
                        <div class="picFont">
                            <h4>地面整平机</h4>
                            <span>整平机</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./imgs/20-3.jpg" alt="">
                        <div class="picFont">
                            <h4>泡沫造粒机</h4>
                            <span>造粒机</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="big" src="./imgs/20-4.jpg" alt="">
                        <div class="picFonts">
                            <h4>螺旋提升机</h4>
                            <span>提升机</span>
                        </div>
                    </a>
                </li>
            </div>
            <div class="floorRg">
                <h3>
                    <a href="">曲阜市都用输送机械厂</a>
                </h3>
                <div class="floorRg_line">
                    <span>经营范围</span>皮带输送机,斗式提升机,螺旋提升机
                </div>
                <div class="floorRg_line">
                    <span>联系电话</span> 15562358278
                </div>
                <ul class="companyList">
                    <li>郑州赛格机械设备有限公司</li>
                    <li>开封市大方预应力有限公司</li>
                    <li>南阳金冠过电压保护设备有限公司</li>
                    <li>漯河市汇达铸造机械有限公司</li>
                    <li>郑州大华面业机械设备厂</li>
                    <li>河南三联科技工程有限公司</li>
                </ul>
                <ul class="productList">
                    <li>
                        <a href=""><img src="./imgs/20-5.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-6.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-7.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-8.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <p style="clear: both; display: block;"></p>
        </div>
    </div>

    <div id="mechanicsss">
        <div class="mechanics_img">
            <a href="">
                <img src="./imgs/19_1.jpg" alt="">
            </a>
        </div>
        <div class="mechanics_name">
            <h2>
                <em>1F</em>机械设备
            </h2>
            <div class="mechanics_name_left">
                <i class="glyphicon glyphicon-thumbs-up"></i>今日活动：
                <a href="">VIP商机群</a>
            </div>
            <div class="mechanics_name_right">
                热门搜索：
                <a href="">封口机械</a>
                <a href="">制动器</a>
                <a href="">吊钩</a>
            </div>
        </div>
        <div class="mechanics_content">
            <div class="mechanics_content_one">
                <a href="">
                    <img src="./imgs/20-1.jpg" alt="">
                    <div class="mechanics_content_one_text">
                        <h4>机械设备专场</h4>
                        <p>制造好货，共享优品</p>
                        <span>点击进入</span>
                    </div>
                </a>
            </div>
            <div class="floorNav">
                <li> 
                    <h5>排风设备</h5>
                    <a href="">通风机</a>
                    <a href="">鼓风机</a>
                    <a href="">工业风扇</a>
                    <a href="">风机、排风设备配件</a>
                </li>
                <li>
                    <h5>化工机械</h5>
                    <a href="">石墨玻璃</a>
                    <a href="">钢管</a>
                    <a href="">控制系统</a>
                    <a href="">化工设备配件</a>
                </li>
                <li>
                    <h5>工控系统</h5>
                    <a href="">阀门</a>
                    <a href="">轴承</a>
                    <a href="">机器视觉</a>
                    <a href="">工控机</a>
                    <a href="">人机界面</a>
                </li>
                <li>
                    <h5>焊接紧固</h5>
                    <a href="">螺母</a>
                    <a href="">螺钉</a>
                    <a href="">螺栓</a>
                    <a href="">切割设备</a>
                    <a href="">焊机</a>
                </li>
                <li>
                    <h5>模具刀具</h5>
                    <a href="">成型模</a>
                    <a href="">刀片</a>
                    <a href="">模具设计</a>
                    <a href="">模具加工</a>
                    <a href="">切刀</a>
                </li>
                <li>
                    <h5>道路养护</h5>
                    <a href="">灌缝机械</a>
                    <a href="">除雪机械</a>
                    <a href="">划线设备</a>
                    <a href="">水泥路面</a>
                </li>
                <li>
                    <h5>包装印刷</h5>
                    <a href="">贴标机械</a>
                    <a href="">封口机械</a>
                    <a href="">防伪设备</a>
                    <a href="">装订设备</a>
                </li>
                <li>
                    <h5>其他</h5>
                    <a href="">锅炉</a>
                    <a href="">真空设备</a>
                    <a href="">行业设备</a>
                    <a href="">二手设备 </a>
                </li>
                <p style="clear: both; display: block;"></p>
            </div>
            <div class="floorMd">
                <li>
                    <a href="">
                        <img src="./imgs/20-2.jpg" alt="">
                        <div class="picFont">
                            <h4>地面整平机</h4>
                            <span>整平机</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./imgs/20-3.jpg" alt="">
                        <div class="picFont">
                            <h4>泡沫造粒机</h4>
                            <span>造粒机</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="big" src="./imgs/20-4.jpg" alt="">
                        <div class="picFonts">
                            <h4>螺旋提升机</h4>
                            <span>提升机</span>
                        </div>
                    </a>
                </li>
            </div>
            <div class="floorRg">
                <h3>
                    <a href="">曲阜市都用输送机械厂</a>
                </h3>
                <div class="floorRg_line">
                    <span>经营范围</span>皮带输送机,斗式提升机,螺旋提升机
                </div>
                <div class="floorRg_line">
                    <span>联系电话</span> 15562358278
                </div>
                <ul class="companyList">
                    <li>郑州赛格机械设备有限公司</li>
                    <li>开封市大方预应力有限公司</li>
                    <li>南阳金冠过电压保护设备有限公司</li>
                    <li>漯河市汇达铸造机械有限公司</li>
                    <li>郑州大华面业机械设备厂</li>
                    <li>河南三联科技工程有限公司</li>
                </ul>
                <ul class="productList">
                    <li>
                        <a href=""><img src="./imgs/20-5.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-6.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-7.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./imgs/20-8.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <p style="clear: both; display: block;"></p>
        </div>
    </div>
</div>
</body>
</html>